<template>
  <el-pagination :total="total"
                 :current-page="currentPage"
                 :page-size="pageSize"
                 :page-sizes="pageSizes"
                 :layout="layout"
                 v-bind="$attrs"
                 v-on="$listeners"
                 class="page-box"
                 :style="{'text-align': fixed}">
  </el-pagination>
</template>

<script>
export default {
  name: 'Epagination',
  components: {},
  props: {
    total: {
      type: Number,
      default: 0
    },
    currentPage: {
      type: Number,
      default: 1
    },
    pageSize: {
      type: Number,
      default: 10
    },
    pageSizes: {
      type: Array,
      default () {
        return [10, 20, 50, 100]
      }
    },
    layout: {
      type: String,
      default: 'total, sizes, prev, pager, next, jumper'
    },
    fixed: {
      type: String,
      default: 'right'
    }
  },
  data () {
    return {
    }
  },
  watch: {},
  computed: {},
  methods: {},
  created () { },
  mounted () { }
}
</script>
<style lang="scss" scoped>
.page-box {
  padding: 10px 0;
}
</style>
